Ejemplos de Resize, Overflow y Outline en CSS

¿Qué hace este código?

Este ejemplo demuestra cómo usar las propiedades resize y outline en CSS:

resize: Permite redimensionar un elemento arrastrando desde la esquina o borde.
overflow: auto: Se requiere para que resize funcione correctamente.
outline: Dibuja un borde externo que no afecta el tamaño del elemento.
outline-offset: Define la distancia entre el borde y el contorno (outline).

Puedes redimensionarme horizontalmente.

Arrastra desde el borde derecho.

Puedes redimensionarme verticalmente.

Arrastra desde el borde inferior.

Puedes redimensionarme en ambas direcciones.

Arrastra desde la esquina inferior derecha.

Div con outline sólido rojo y separación de 15px.

Div con outline azul discontinuo y separación de 5px.